<template>
  <div>
    <div class="bigbox">
      <div class="header-son">
        <p @click="fun()">&lt;</p>
        <span>信息中心</span>
      </div>
    </div>

    <ul class="xinxi">
      <li>
        <img src="img/wangimg/imgs/xinxi-1.gif" alt="" />
      </li>
      <li>
        <img src="img/wangimg/imgs/xinxi-2.gif" alt="" />
      </li>
      <li>
        <img src="img/wangimg/imgs/xinxi-3.gif" alt="" />
      </li>
    </ul>

    <div class="xbox">
      <div class="yx">
        <img src="img/wangimg/imgs/yx-1.gif" alt="">
        <span> <p>139邮箱</p>点击登录邮箱</span>
      </div>

      <div class="yx">
        <img src="img/wangimg/imgs/yx-2.gif" alt="">
        <span> <p>您还没有用过积分吗？</p>1分抽大奖，福临门大米690积分...</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    fun() {
      this.$router.go(-1);
    },
  },
};
</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
  text-decoration-line: none;
  list-style-type: none;
}
.bigbox {
  width: 100%;
  height: 1.7rem;
  background-color: #61a5f8;
  margin-bottom: 0.4rem;
}
.header-son {
  width: 100%;
  height: 0.48rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.2rem;
  color: #fff;
  background-color: rgba(255, 255, 255, 0);
}
.header-son p {
  position: absolute;
  left: 0.1rem;
  font-size: 0.26rem;
}
.header-son span {
  font-size: 0.22rem;
}

.xinxi {
  width: 90%;
  height: 1.1rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: white;
  position: absolute;
  top: 0.8rem;
  left: 0.17rem;
  border-radius: 15px;
}
.xinxi li {
  width: 0.65rem;
  height: 0.82rem;
}
.xinxi li img {
  width: 100%;
  height: 100%;
}

.yx {
  width: 100%;
  height: 0.64rem;
  margin-bottom: 0.2rem;
  background-color: white;
  display: flex;
  align-items: center;
}
.yx img{
  width: 0.43rem;height: 0.42rem;
  margin:0 0.2rem;
}
.yx span{
  font-size: 0.1rem;
  color: gray;
}
.yx span p{
  font-size: 0.14rem;
  color: #000;
}
.xbox {
  width: 100%;
  background-color: #f6f6f6;
}
</style>
